<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>盗版</title>
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/reset.css">
	<!-- <link type="text/css" href="css/main.css" rel="stylesheet"> -->
	<link rel="stylesheet" id="twoCss" href="css/0001245c2.css">
	<!-- <link rel="stylesheet" type="text/css" href="css/new_file.css"/> -->
	<link rel="stylesheet" type="text/css" href="css/animate.css" />
	<link rel="stylesheet" type="text/css" href="css/public.css" />
</head>

<body>
	<!-- <script>
		window.open("ATM.html")
	</script> -->
	<div class="bbb" id="">


		<div class="box">
			<div id="meSelf">
				<div class="m-top"></div>
				<div class="m-main">
					<ul>
						<li>
							<span>个人信息：</span>
							<span>啥也不是</span>
						</li>
						<li>
							<span>个人gitee：</span>
							<a href="https://gitee.com/xu-yecheng">点这个</a>
						</li>
						<li>
							<span>
								联系方式：
							</span>
							<a
								href="https://haoma.baidu.com/phoneSearch?search=%E5%85%AC%E5%AE%89%E6%8A%A5%E8%AD%A6%E7%94%B5%E8%AF%9D">
								请拨打110查询
							</a>

						</li>
						<li>
							<span>
								博客制作时间：
							</span>
							<span>
								2021年8月10日起
							</span>
						</li>
					</ul>
				</div>
				<div class="m-foot"></div>
				<div class="asd" id="asd"></div>

			</div>
			<div class="suspension">
				<ul id="ull">
					<li><button type="button" value="" id="qwer">点一点</button></li>
					<!-- <li><button type="button"  value="" id="qaz">Clear</button></li> -->
					<!-- <li><button type="button"  value="" id="qwert">点一点</button></li> -->
					<li><button type="button" id="" value=""><a href="#top">嗖一下</a></button></li>
					<li><button type="button" id="" value=""><a href="start.html">Return</a></button></li>
					<li><button type="button" id="aaaaa">Close</button></li>
					<!-- <li class="b2"><button type="button" ><a href="#top">赞一下</a></button></li> -->
				</ul>
			</div>
			<!-- 头部部分 -->
			<header>
				<div class="top" id="top"><img
						src="https://ccdn.goodq.top/caches/569b046fc16663a994ea33d5a2a60b54/aHR0cHM6Ly81NGQ0YTQ2MjlmYjZiLnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTUvMDIvYmMzOGYxYzkzOGY5OGM3NjExYzEzMzc2OGJhN2M3OWEucG5n.png"
						alt="">
				</div>
				<div class="head">
					<nav>
						<a href="#self" target="_self">关于我们</a>
						<a href="#ideal" target="_self">我们的理念</a>
						<a href="#record" target="_self">旅游篇</a>
						<a href="#art" target="_self">艺术篇</a>
						<a href="#blog" target="_self">博客</a>
					</nav>
				</div>
			</header>
			<!-- 头部的部分 -->
			<!-- 不变化部分-轮播图 -->
			<div class="not-change">
				<div class="chart">
					<ul class="chartimg">
						<li class="item active"><img src="img/01.png" alt=""></li>
						<li class="item"><img src="img/02.jpg" alt=""></li>
						<li class="item"><img src="img/03.jpg" alt=""></li>
					</ul>
					<ul class="pointlist">
						<li class="point active" data-index='0'></li>
						<li class="point" data-index='1'></li>
						<li class="point" data-index='2'></li>
					</ul>
					<button type="button" class="bt" id="prev"><img src="img/28.png"></button>
					<button type="button" class="bt" id="next"><img src="img/27.png"></button>
				</div>
			</div>
			<!-- 不变化部分-轮播图 -->
			<!-- 关于我们开始 -->
			<div class="about" id="self">
				<div class="about-top">
					<span>关于我们</span>
				</div>
				<div class="about-main">
					<span>起飞页是一款简单、便捷的工具，可以帮
						助您制作响应式网站。我们的网站构建器，将传
						统的编码工作转化为直观的拖拽操作和文字录入。
						在这里，您仅需花上10分钟便可以完成一个H5响
						应式网站，您会发现完全不需要编写一行代码，这
						就是起飞页自助建站的神奇之处。起飞页是一款简单
						、便捷的工具，可以帮助您制作响应式网站。我们的网
						站构建器，将传统的编码工作转化为直观的拖拽操作和文
						字录入。在这里，您仅需花上10分钟便可以完成一个H5响
						应式网站，您会发现完全不需要编写一行代码，这就是起飞
						页自助建站的神奇之处。</span>
				</div>
				<div class="about-img">
					<img src="img/05.png">
				</div>
			</div>
			<!-- 关于我们结束 -->
			<!-- 六张照片开始 -->
			<div class="photo">
				<div class="photo-top" id="page">
					<ul id="paging">
						<!-- <li class="an" >
						<div id="photo">
							<div class="box-1">
								<a href="years.html" ><img src="img/04.jpg" alt=""></a>
							</div>
							<div class="box-2" >
								<a href="years.html"><span>岁月</span></a>
								<p>哪知岁月总是催人老，等到知时已迟了</p>
							</div>
						</div>b
					</li>
					<li class="an">
						<div>
							<div class="box-1">
								<a href="scenery.html"><img src="img/06.png" alt=""></a>
							</div>
							<div class="box-2">
								<a href="scenery.html"><span>风景</span></a>
								<p>再美的风景，也需要欣赏它的人</p>
							</div>
						</div>
						
					</li>
					<li class="an">
						<div>
							<div class="box-1">
								<a href="diary.html"><img src="img/07%20(2).jpg" alt=""></a>
							</div>
							<div class="box-2">
								<a href=""><span>旅游日记</span></a>
								<p>旅游重要的不是重点，而是过程</p>
							</div>
						</div>
						
					</li> -->
					</ul>
				</div>
				<div class="photo-top">
					<ul>
						<!-- <li class="an">
						<div>
							<div class="box-1">
								<a href="love.html"><img src="img/07%20(1).jpg" alt=""></a>
							</div>
							<div class="box-2">
								<a href="love.html"><span>相爱的人</span></a>
								<p>犹如黑暗中的烛光，照亮了整个人类的历史</p>
							</div>
						</div>
					</li>
					<li class="an">
						<div>
							<div class="box-1">
								<a href="architecture.html"><img src="img/08%20(1).jpg" alt=""></a>
							</div>
							<div class="box-2">
								<a href="architecture.html"><span>建筑</span></a>
								<p>不同的外形，相同的内在</p>
							</div>
						</div>
						
					</li>
					<li class="an">
						<div>
							<div class="box-1">
								<a href="nature.html"><img src="img/09.png" alt=""></a>
							</div>
							<div class="box-2">
								<a href="nature.html"><span>神奇的自然</span></a>
								<p>有一种神奇叫做孤独的孕育</p>
							</div>
						</div>
						
					<!-- </li> -->
					</ul>
				</div>
			</div>
			<!-- 六张照片结束 -->
			<!-- 我们的理念开始 -->
			<div class="ideal" id="ideal">
				<span>我们的理念</span>
			</div>
			<!-- 我们的理念结束 -->
			<!-- 介绍开始 -->
			<div class="introduce">
				<div class="introduce-left idear">
					<div class="introduce-left-top">
						<span>
							起飞页是一款简单、便捷的工具，
							可以帮助您制作响应式网站。我
							们的网站构建器，将传统的编码
							工作转化为直观的拖拽操作和文
							字录入。在这里，您仅需花上10
							分钟便可以完成一个H5响应式网
							站，您会发现完全不需要编写一
							行代码，这就是起飞页自助建站
							的神奇之处。
						</span>
					</div>
					<div class="introduce-left-low">
						<span>
							起飞页是一款简单、便捷的工具，
							可以帮助您制作响应式网站。我们
							的网站构建器，将传统的编码工作
							转化为直观的拖拽操作和文字录入。
							在这里，您仅需花上10分钟便可以
							完成一个H5响应式网站，您会发现
							完全不需要编写一行代码，这就是
							起飞页自助建站的神奇之处。起飞页
							是一款简单、便捷的工具，可以帮助
							您制作响应式网站。我们的网站构建
							器，将传统的编码工作转化为直观的
							拖拽操作和文字录入。在这里，您仅
							需花上10分钟便可以完成一个H5响应
							式网站，您会发现完全不需要编写一
							行代码，这就是起飞页自助建站的神
							奇之处。
						</span>
					</div>
				</div>
				<div class="introduce-right ideaar">
					<img src="img/10.png">
				</div>
			</div>
			<!-- 介绍结束 -->
			<!-- 记录开始 -->
			<div class="record" id="record">
				<div class="record-left">
					<img src="img/11.jpg">
				</div>
				<div class="record-right ideaar">
					<div class="record-right-top">
						<span>
							旅行篇
						</span>
					</div>
					<div class="record-right-head">
						<span>
							旅游和生活的记录
						</span>
					</div>
					<div class="record-right-main">
						<span>起飞页是一款简单、便捷的
							工具，可以帮助您制作响应式网站。
							我们的网站构建器，将传统的编码
							工作转化为直观的拖拽操作和文字
							录入。在这里，您仅需花上10分钟
							便可以完成一个H5响应式网站，您
							会发现完全不需要编写一行代码，
							这就是起飞页自助建站的神奇之
							处。起飞页是一款简单、便捷的
							工具，可以帮助您制作响应式网站。
						</span>
					</div>
					<div class="record-right-more">
						<span>了解更多</span>
					</div>
				</div>
			</div>
			<!-- 记录结束 -->
			<!-- 艺术篇开始 -->
			<div class="art" id="art">
				<div class="art-left idear">
					<div class="art-left-top">
						<span>艺术篇</span>
					</div>
					<div class="art-left-head">
						<span>欧洲艺术见闻录</span>
					</div>
					<div class="art-left-main">
						<span>
							起飞页是一款简单、便捷的
							工具，可以帮助您制作响应式
							网站。我们的网站构建器，将
							传统的编码工作转化为直观的
							拖拽操作和文字录入。在这里，
							您仅需花上10分钟便可以完成
							一个H5响应式网站，您会发现
							完全不需要编写一行代码，这
							就是起飞页自助建站的神奇之
							处。起飞页是一款简单、便捷
							的工具，可以帮助您制作响应
							式网站。

						</span>
					</div>
					<div class="art-left-more">
						<span>了解更多</span>
					</div>
				</div>
				<div class="art-right">
					<img src="img/13%20(2).jpg">
				</div>
			</div>
			<!-- 艺术篇结束 -->
			<!-- 记录开始 -->
			<div class="record">
				<div class="record-left">
					<img src="img/13%20(1).jpg">
				</div>
				<div class="record-right ideaar">
					<div class="record-right-top">
						<span>
							艺术片
						</span>
					</div>
					<div class="record-right-head">
						<span>
							旅游和生活的记录
						</span>
					</div>
					<div class="record-right-main">
						<span>起飞页是一款简单、便捷的
							工具，可以帮助您制作响应式网站。
							我们的网站构建器，将传统的编码
							工作转化为直观的拖拽操作和文字
							录入。在这里，您仅需花上10分钟
							便可以完成一个H5响应式网站，您
							会发现完全不需要编写一行代码，
							这就是起飞页自助建站的神奇之
							处。起飞页是一款简单、便捷的
							工具，可以帮助您制作响应式网站。
						</span>
					</div>
					<div class="record-right-more">
						<span>了解更多</span>
					</div>
				</div>
			</div>
			<!-- 记录结束 -->
			<!-- 博客开始 -->
			<div class="blog-box" id="blog">
				<div class="blog">
					<div class="blog-top">
						<span>博客</span>
					</div>
					<div class="blog-main">
						<span>
							起飞页是一款简单、
							便捷的工具，可以帮
							助您制作响应式网站。我
							们的网站构建器，将传统
							的编码工作转化为直观的
							拖拽操作和文字录入。在
							这里，您仅需花上10分钟
							便可以完成一个H5响应式
							网站，您会发现完全不需
							要编写一行代码，这就是起
							飞页自助建站的神奇之处。
							起飞页是一款简单、便捷的工
							具，可以帮助您制作响应式网
							站。我们的网站构建器，将传统
							的编码工作转化为直观的拖拽操
							作和文字录入。在这里，您仅需花
							上10分钟便可以完成一个H5响应式网
							站，您会发现完全不需要编写一行代码
							，这就是起飞页自助建站的神奇之处。
						</span>
					</div>
					<div class="blog-low">
						<div class="blog-low-box1 aaa">
							<div class="blog-low-box1-left">
								<div class="blog-low-box1-left-left">
									<span>
										<a href="europe.html">东欧最浪漫的城市-布达佩斯</a>

									</span>
									<p>
										从前在多瑙河两岸面对面坐落着两座
										城市，一座叫布达，另一座叫佩斯，
										布达在西，佩斯在东。
									</p>
								</div>
								<div class="blog-low-box1-left-right">
									<span>
										06-03
									</span>
									<p>
										2017
									</p>
								</div>
							</div>
						</div>
						<div class="blog-low-box2 aaa">
							<div class="blog-low-box2-left">
								<span>06-03</span>
								<p>2017</p>
							</div>
							<div class="blog-low-box2-right">
								<span><a href="lonely.html">孤独的力量和喜悦的人生</a></span>
								<p>
									有一伙科学家或是心理学家，研究了好几年，
									发现人的孤独感和你洗澡的温度和时间成正比。
								</p>
							</div>
						</div>
						<div class="blog-low-box3 aaa">
							<div class="blog-low-box3-left">
								<div class="blog-low-box3-left-left">
									<span>
										<a href="spain.html">西班牙为何被称作西班牙？</a>
									</span>
									<p>
										住在西班牙有一段时间了，每天都用中
										文和西文有时还英文重复着这个国家的名字。
										西班牙的西文名叫Españ...
									</p>
								</div>
								<div class="blog-low-box3-left-right">
									<span>
										06-03
									</span>
									<p>
										2017
									</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 博客结束 -->
			<!-- foot开始 -->
			<div class="foot-box">
				<div class="foot">
					<div class="foot-top">
						<img src="img/14.jpg">
					</div>
					<div class="foot-contact">
						<ul>
							<li>
								<img src="img/17.png" alt="">
								<img src="img/20.png" alt="">
								<img src="img/18.png" alt="">
								<img src="img/19.png" alt="">
								<img src="img/16.png" alt="">
							</li>
						</ul>
					</div>
					<div class="foot-low">
						<span>Copyright&copy;2017个人摄影网站.All rights.</span>
					</div>
				</div>
			</div>

			<!-- foot结束 -->
			<!-- 结尾div -->
		</div>
	</div>
	<!-- <script src="js/ideal.js" ></script> -->
	<script src="js/mySelf.js"></script>
	<script src="js/animation.js"></script>
	<script src="js/index.js"></script>
	<script src="js/regular.js"></script>
	<!-- <script src="js/paging.js"></script> -->
</body>

</html>